<template>
	<view>
		<view style="margin-top: 100rpx; margin-bottom: 40rpx;">
			<view style="margin: 0 auto; text-align: center;background-color:#f55d60; width: 100rpx; height: 100rpx; border-radius: 50rpx;line-height: 100rpx;"><u-icon name="email" size="40rpx"></u-icon></view>
			<view style="margin: 0 auto; text-align: center; margin-top: 20rpx;">短信验证</view>
		</view>
		<view style="display: flex; text-align: center;">
			<view style="width: 150rpx;height: 100rpx;line-height: 100rpx;">手机号</view>
			<view><input type="number"   value="11111111111"  disabled="true" style="height: 100rpx;line-height: 100rpx;width: 400rpx;text-align: left;"/></view>
			<view style="color:#f55d60; line-height: 100rpx;">获取验证码</view>
		</view>
		<view style="display: flex; text-align: center;" >
			<view style="width: 150rpx;height: 100rpx;line-height: 100rpx;">验证码</view>
			<view><input type="number" value="" placeholder="请输入验证码" style="height: 100rpx;line-height: 100rpx;width: 400rpx;text-align: left;"/></view>
		</view>
		<view style="display: flex; text-align: center;" v-if="hide">
			<view style="width: 150rpx;height: 100rpx;line-height: 100rpx;">新密码</view>
			<view><input type="number" value="" placeholder="请输入新交易密码" style="height: 100rpx;line-height: 100rpx;width: 400rpx;text-align: left;"/></view>
		</view>
		<view style="display: flex; text-align: center;" v-if="hide">
			<view style="width: 150rpx;height: 100rpx;line-height: 100rpx;">确认密码</view>
			<view><input type="number" value="" placeholder="请于新交易密码一致" style="height: 100rpx;line-height: 100rpx;width: 400rpx;text-align: left;"/></view>
		</view>
		<view style="margin-top: 40rpx;" @click="btn" v-if="!hide">
			<button style="background-color: #f55d60;color: #FFFFFF; width: 400rpx; margin: 0 auto; opacity: 0.4; font-size: 30rpx;">验证信息</button>
		</view>
		<view style="margin-top: 40rpx;" @click="router()" v-if="hide">
			<button style="background-color: #f55d60;color: #FFFFFF; width: 400rpx; margin: 0 auto; opacity: 0.4; font-size: 30rpx;">提交</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				hide:false
			}
		},
		methods: {
			btn(){
				this.hide = true
			},
			router(){
				uni.navigateTo({
					url:"../set/set"
				})
			}
		}
	}
</script>

<style>

</style>
